@import '_color';
.banner{
  .carousel-caption{
      width:100%;
      bottom:0;
    right:0;
    left:0;
    padding:10px 20px;
    text-align:left;
    z-index:1000;
    background:rgba(205,205,205,.7);
    a{
      color:#000;
    }
  }
  .carousel-indicators{
   left:100%;
    text-align: right;
    margin-left: -16%;
    bottom:0;
    width:auto;
    li{
      background:#fff;

    }
    .active{
      background:$bg;
      border:1px solid $bg;
    }
  }
}
.ligBox{
  border:1px solid #ddd;

  dl{
    padding:10px 20px;
    border-bottom:1px solid #ddd;
    margin:0;
    dt{
      margin-right:20px;
      height:80px;
    }
    dd{
      line-height:35px;
      a{
        display:inline-block;
        width:18%;
        height:25px;
        text-align:center;
        line-height:25px;
        background:$bg;
        color:#000;
        margin-right:5px;
        &.zc{
          background:#282828;
          color:$bg;
        }
      }
    }
  }
  .ligBox-list{
    clear:both;
    padding:10px;
    ul li{
      line-height:35px;
      height:35px;
      overflow: hidden;
      i{
        width:4px;
        height:4px;
        background: #000;
        border-radius:10px;
        display:inline-block;
        margin-right:5px;
      }
      a{
        font-size:14px;
        color:#666;
        font-family: '宋体';
      }
    }
  }
  .tit{
    line-height:40px;
    height:40px;
    h5{
      line-height:40px;
      font-size:18px;
      font-weight:700;
    }
    a{
      color:#666;
    }
  }
}
.quick{
  clear:both;
  height:60px;
  margin-top:10px;

  ul{
    li{
      display:inline-block;
      text-align:center;
      font-weight:700;
      height:60px;
      line-height:60px;
      font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
      a{
        display:block;
        background:$bg;
        font-size:30.75px;
        width:93%;
        height:100%;
        margin:0 auto;
        border:1px solid #cccccc;
        color:#000;
        transition: all 0.5s;
        -moz-transition: all 0.5s; /* Firefox 4 */
        -webkit-transition: all 0.5s; /* Safari 和 Chrome */
        -o-transition: all 0.5s; /* Opera */
        &:hover{
          -webkit-box-shadow: 3px 3px 10px #666;
          -moz-box-shadow: 3px 3px 10px #666;
          box-shadow: 3px 3px 10px #666
        ;

        }
      }

      &.more{

        a{
          font-size:22px;

        }
      }
    }
  }
}
.content{
  background:#f2f2f2;
  .tit{


  }
}
.Movies-list{
  height:36px;
.title{
  background:$bg;
  font-size:20px;
  position:relative;
  padding:4px 0 4px 55px;
  font-weight:700;
  i{
    font-size:40px;
    position:absolute;
    top:-25px;
    left:10px;
  }
}
  .msg{
    background:#282828;
    font-size:12px;
    padding:3px 20px;
    color:#ccc;
    line-height: 30px;
    a{
      color:$bg;
    }
  }
}

.btn-a{
  text-align:center;
  margin:40px 0;
  a{
    font-size:16px;
    color:#666;
  }
}
.MoviesBox{
  clear:both;
}

.gallery-wrapper {
  position: relative;
  margin:20px auto;
  clear:both;
  .cont{
    padding:10px;
    .title{
      height:20px;
      line-height:20px;
      margin-bottom:15px;
      a:hover{
        text-decoration:underline;
      }
      .fl{
        font-size:16px;
        color:#000;
        font-weight:700;
      }
      .fr{
        font-size:12px;
        color:red;
      }
    }
  }
}
img.thumb {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.white-panel h1 {
  font-size: 1em;
}
.white-panel h1 a {
  color: #A92733;
}
.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.linkBox{
  clear:both;

  .tit{
    background:#000;
    height:40px;
    line-height:40px;
    span{
      display:inline-block;
      background:$bg;
      color:#000;
      font-size:20px;
      font-weight:700;
      padding:0 30px;
    }
    a{
      font-size:14px;
      color:#f2f2f2;
      padding:0 10px;
    }
  }
  .linkCont{
    padding:20px;
    background:#fff;
    ul{
      li{
        border:1px solid #ddd;
        width:95px;
        height:50px;
        padding:2px;
        display:inline-block;
        margin:5px;
      }
    }
  }
}
.footer{
  .footer-search{
    padding-top:7px;
    height:50px;
    background:$bg;
    .searchBox{
      margin:0 auto;
      border:1px solid #ddd;
      height:35px;
      background:#fff;
      line-height:35px;
      position:relative;

      span{
        line-height:34px;
        display:inline-block;
        cursor:pointer;
        text-align:center;
        width:15%;
        float:left;
        border-right:1px solid $bg;
        strong{
          font-weight:400;
        }
        i{
         position:relative;
          top:-3px;
        }
      }
      input{
        height:31px;
        width:75%;
        border:0;
        outline:none;
        padding:0 10px;
      }
      .searchBtn{
        width:10%;
        height:33px;
        float:right;
        display:inline-block;
        outline:none;
        background:#fff;
        border:0;

        i{
          font-size:18px;
        }

      }
      .select{
        border:1px solid $bg;
        position:absolute;
        top:33px;
        left:0;
        text-align:center;
        display:none;
        background:#fff;
        z-index:1000;
        li{
          line-height:25px;
          cursor:pointer;
        }
        .selected{
          background:$bg;
          padding:0 16px;
        }
      }
    }
  }
  .footer-cont{
    background:#000;

    .wx{
      width:137px;
      height:137px;
      background:#fff;
      margin:0 auto;
    }
    dl{
      dt{
        color:#fff;
        font-size:12px;
        margin-bottom:5px;
      }
      dd{
        font-size:12px;
        color:#b3b3b3;
        line-height:20px;
        a{
          color:#b3b3b3;
          line-height:20px;
        }
      }
    }
  }
}

//tab
.vipBox,.hotBox,.hotList{
  border:1px solid #ddd;
  margin-top:20px;
  margin-bottom:50px;
  padding:0 10px;
  background:#fff;
}
.nav-tabs li{
  margin-right:20px;
 &.active{
   border-bottom:3px solid $bg;
   &:hover{
     border-bottom:3px solid $bg;

   }
 }
  &:hover{
    border-bottom:3px solid #ddd;

  }
  a{
    color:#000;
    border:0;
    font-size:16px;
    border-radius:0;

    padding:10px 0;
    &:hover{
    color:#000 !important;
      background:none;

  }
  }
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus{
  background:none;
  border-radius:0;
  border:0;
}
.tab-content{
  margin-top:10px;
  dl{
    margin:0;
    padding:10px 20px;

  &.first{
    background:$bg1;
  }
    dt,dd{
      display:inline-block;
      line-height:20px;
      a{
        color:#000;
        font-size:16px;
        font-weight:400;
      }
    }
    dd{
      margin-left:20px;
      padding-top:10px;
      strong{

        display:inline-block;
      }
      img{
        float:right;
      }
      p{
        margin:5px 0 0 0;
      }
    }
    dt{
      float:left;
      img{
        border-radius:100px;
        border:1px solid $bg1;
      }
    }
  }
}
.hotBox{
  dl{

    dt{

      img{
        border-radius:0;
      }
    }
    dd{

      p{
        span{
          float:right;
          font-size:12px;
          margin-left:5px;
        }
      }
      i{
        display:inline-block;
        width:15px;
        height:15px;
        border-radius:4px;
        margin-top:4px;
        margin-right:2px;
        float:left;
        &.good{
          background:url(../pages/images/xx1.png);
        }
        &.no{
          background:url(../pages/images/xx2.png);
        }
      }
    }
  }
}
.hotList{
  dl{
    dd{
      p{
        margin:0;
        i,strong{
          color:$bg;
          padding-top:5px;
          font-weight:400;
        }
      }
    }
    &.first{
      dd{
        p{
          i,strong{
            color:#000;
            font-weight:400;
          }
        }
      }
    }
  }
}
@media screen and (max-width: 1200px){
  .header{
     .col-md-6,.col-md-5,.logo{
      text-align:center !important;
    }
.search{
  input{
    float:none !important;
  }
}
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px){
  .ligBox .tit h5{
    font-size:16px;
  }
  .ligBox .ligBox-list ul li{
    height:25px;
    line-height:25px;
  }
  .ligBox .ligBox-list{
    padding:0 10px;
  }
  .tab-content{
    dl{
      text-align: center;
      dt,dd{
        float:none !important;
        display:block !important;
        margin:0 !important;
        img{
          float:none !important;
        }
      }
    }
  }
  .hotBox dl dd i{
    float:none !important;
  }
  .hotList{
    .tab-content dl dt img{
      border-radius:0;
    }
    .tab-content dl dt, .tab-content dl dd{
      display:inline-block !important;
    }
  }
}
@media screen and (max-width: 992px){
  .banner{
    .pdl20{
      padding:0;
    }
  }
  .quick ul li a{
    font-size:20px;
  }
  .quick{
    margin-bottom:30px !important;
    padding:0 !important;
    ul li{
      width:16.1%;
    }
  }
  .gallery-wrapper{
    margin: 53px auto;
  }
  article{
    margin:0 auto;
  }
}